
import React, { Component } from 'react';

// 父组件
class Parent2 extends Component {
    state = {
        lastName: '张'
    }

    render() {
        return (<div>
            {/* 调用了子组件，同时将parent2中的状态属性lastName传给了子组件 */}
            <Child2 lastName={this.state.lastName}></Child2><br />

            {/* 注册了事件，改变了parnet2中的状态属性lastName的值，此时就会导致子组件Child2的页面更新 */}
            <button onClick={() => { this.setState({ lastName: '肖' }) }}>改变parent2中的lastanme属性值</button>
        </div>);
    }
}

export default Parent2;

// 子组件
class Child2 extends Component {
    state = {}
    render() {
        return (<div>
            { this.props.lastName}
        </div>);
    }
}